<script type="text/javascript" src="<?php echo base_url() . '/media/js/code/sus_datos_controller.js' ?>"></script>
<div id="base_url" style="display:none"><?php echo base_url() ?></div>

<!-- [PASOS] -->
<div class="contPasos" align="center">
    <ul>
        <li><img src="<?php echo base_url() . 'media/images/01_b.png' ?>" alt="01" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/02_b.png' ?>" alt="02" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/03_c.png' ?>" alt="03" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/04_a.png' ?>" alt="04" width="150px" height="51px"></li>
    </ul>
</div>
<div class="limpiar"></div>

<!-- [CUERPO: SUS DATOS] -->
<div align="center">
    <div class="viaje">
        <img src="<?php echo base_url() . 'media/images/banner_sus_datos.png' ?>" border="0" width="760"/>
        <br/>
        <div class="titViajes">
            <strong>Todos los datos con (*) son obligatorios para comprar su ticket.
            </strong>
        </div>
        <div class="limpiar"></div>
        <div class="tarjeta_div">
            <div class="informacion_pago">
                <strong>Total a pagar S/. <label id="form1_precio_total" class="label_precio_datos"></label></strong>
            </div>
            <div class="informacion_pago2"><input type="checkbox" id="form1_chbx_terminos" width="5" alt="">&nbsp;&nbsp;<a href="#" class="thickbox">Leer Términos</a></div>


            <form class="form-horizontal group_datos" style="margin-left: 100px;">
                <div class="control-group group_datos">
                    <label class="control-label izquierda"><strong>Forma de Pago:</strong></label>
                    <div class="controls">
                        <select name="form1_forma_pago" id="form1_forma_pago">
                            <option value="1">Tarjeta Credito Debito</option>
                        </select>
                    </div>
                </div>
                <div class="control-group group_datos">
                    <div class="control-group">
                        <label class="control-label izquierda"><strong>Escoja tarjeta:</strong></label>
                        <div class="controls">
                            <select name="form1_tarjeta" id="form1_tarjeta">
                                <option value="1">Visa</option>
                                <option value="2">Mastercard</option>
                            </select>
                        </div>
                    </div>
                </div>
            </form>

        </div><!--Fin tarjeta div-->
        <div class="titulo_mensaje" id="viajeText" style="margin-bottom: 10px;">
        </div>

        <!-- [Acordeon de datos] -->
        <div class="accordion" id="accordion1">

        </div>

        <form class="form-horizontal" method="post" action='#'>
            <!--MENSAJE DE CONTROL--->
            <div id="mensajeControl1" class="alert alert-error mensaje_control1"></div>

            <div class="botonera_paso" style="margin-left: 270px">
                <button type="button" id="form1_btn_atras" class="btn btn-success btn_chico">Atrás</button>
                <button type="button" id="form1_btn_siguiente" class="btn btn-success btn_chico">Siguiente</button>
            </div>
        </form>
    </div>
</div>